import Vue from 'vue'
import Router from 'vue-router'
import Menus from '../components/Menu/menus.vue'
import Home from '../components/Menu/home/Home.vue'
import Topic from '@/components/Topic/topics/Topic.vue'
import Concern from '../components/Concern/concern.vue'
import My from '../components/My/my.vue'
import Holleworld from '../components/Holleworld.vue'
import Classify from '../components/Menu/classify/classify.vue'
import Food from '../components/Menu/food/food.vue'
import Video from '../components/Menu/video/video.vue'
import Search from '../components/Menu/search/search.vue'
import Jia from '../components/Menu/jia/jia.vue'
import Hot from '../components/Topic/hot/hot.vue'
import Eassence from '../components/Topic/essence/essence.vue'
import New from '../components/Topic/new/new.vue'
import Zhuanti from '../components/Menu/home/zhuanti/zhuanti.vue'
import Zhuan from '../components/Menu/home/zhuanti/zhuan/zhuan.vue'
import Hua from '../components/Menu/home/zhuanti/hua/hua.vue'
import Xiang from '../components/Menu/home/zhuanti/xiang/xiang.vue'
Vue.use(Router)
export default new Router({
  linkActiveClass: 'active',
  routes: [
    {
      path: '/',
      component: Holleworld,
      children: [
        {
          path: '/',
          component: Menus,
          children: [
            {
              path: '/',
              component: Home
            },
            {
              path: '/classify',
              component: Classify
            },
            {
              path: '/food',
              component: Food
            },
            {
              path: '/video',
              component: Video
            },
            {
              path: '/search',
              component: Search
            },
            {
              path: '/jia',
              component: Jia
            }
          ]
        },
        {
          path: '/topic',
          component: Topic,
          children: [
            {
              path: '/topic/eassence',
              component: Eassence
            },
            {
              path: '/topic/hot',
              component: Hot
            },
            {
              path: '/topic/new',
              component: New
            }
          ]
        },
        {
          path: '/concern',
          component: Concern
        },
        {
          path: '/my',
          component: My
        }
      ]
    },
    {
      path: '/zhuanti/:id?',
      component: Zhuanti,
      children: [
        {
          path: '/zhuanti/:id?',
          component: Zhuan
        }, {
          path: '/zhuanti/:id?/hua',
          component: Hua
        }
      ]
    },
    {
      path: '/xiang/:ID',
      component: Xiang
    }
  ]
})
